<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style type="text/css"></style>
    <script src="./jquery-3.3.1.min.js"></script>

    <script>
        //防止全局变量污染
        // A
        // var ok = {}
        
        // B
        // var ok = [];
        
        //加载事件
        // window.onload = function () {
        // $('h1').css('color', '#f00');
        // }
        
        // JQ入口
        // $(document).ready(function() {
        // $('h1').css('font-size', '100px');
        // });
        
        // 简写
        // $(function() {
        // $('h1').css('border', '3px solid #000');
        // })
        
        window.onload = function() {
            console.log('onload1');
        }

        window.onload = function() {
            console.log('onload2');
        }

        $(function() {
            console.log('ready1');
        });

        $(function() {
            console.log('ready2');
        });

    </script>



</head>
<body>
    <h1>Jquery</h1>
    <hr>

    <!-- <img src="http://www.google.com/pic/s94/2.jpg"> -->


    
</body>
</html>




